課程資訊
課程名稱
Web程式設計與應用
Web Programming and Applications 
開課學期
112-2 
授課對象
電機資訊學院  資訊工程學系  
授課教師
張傑帆 
課號
CSIE5210 
課程識別碼
922 U4150 
班次
 
學分
3.0 
全/半年
半年 
必/選修
選修 
上課時間
星期三2,3,4(9:10~12:10) 
上課地點
 
備註
上課教室:資204.
總人數上限:40人 
 
課程簡介影片
 
核心能力關聯
核心能力與課程規劃關聯圖
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

本課程致力於培養學生綜合運用HTML、CSS、JavaScript等前端技術,以及Node.js、Django等後端框架,打造動態且具互動性的網頁應用程式。透過實際案例,學生將學習設計響應式介面、資料庫整合,並掌握安全性與效能優化的相關技巧。課程強調團隊合作、專案管理,培養學生解決真實問題的能力,使其具備應對現代Web開發挑戰的實際技能。

加簽方式:
初選開放40人
預計會開放40個「加簽碼」的名額
想要加簽的同學建議參加第一堂課的課程的說明
在課程說明後我會放填寫「加簽意願表」的表單
確定想要加選這門課再進行報名填寫
屆時將以表單的填寫狀況進行篩選

[助教聯絡資訊]
姓名:陳柳君
E-mail:web-app-ta@googlegroups.com 

課程目標
● 掌握前端技術: 學生將學習HTML、CSS和JavaScript等前端技術,能夠設計和實現具有吸引力和互動性的網頁介面。
● 了解後端框架: 學生將瞭解Node.js、Django等後端框架,並能夠運用這些框架開發動態且功能豐富的網頁應用程式。
● 資料庫整合與管理: 學生將學習如何整合和管理資料庫,包括設計適當的資料結構和執行查詢。
● 團隊合作與專案管理: 強調團隊合作,學生將參與實際專案,培養溝通協作和專案管理的能力。
● 解決真實問題的能力: 藉由實際案例和專案挑戰,學生將培養解決現實Web開發問題的能力。
 
課程要求
適合給初學者。 
預期每週課後學習時數
Office Hours
 
指定閱讀
Beginning Django: Web Application Development and Deployment with Python by Daniel Rubio by Daniel Rubio 
參考書目
Web Development with Node and Express, 2nd Edition by Ethan Brown 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
作業 
50% 
 
2. 
期末報告 
50% 
 
 
針對學生困難提供學生調整方式
 
上課形式
以錄影輔助
作業繳交方式
考試形式
其他
課程進度
週次
日期
單元主題
第1-2週
HTML5 基本介紹  HTML5 基本介紹 
第3-8週
前端程式設計與應用:JavaScript   JavaScript基本介紹
 程式控制結構
 基本資料型態
 進階資料型態
 自訂函數
 文件物件模型(DOM)
 表單
 事件
 小餅乾(Cookies)
 
第9-16週
後端程式設計與應用:Django/nodejs   伺服器端程式語言概述(Django/Node.js)
 版本控制系統(Git)
 專案管理工具(Jira/Trello)
 MVC/ MTV架構
 Template 模版
 表單 Get 與 Post
 Object Relational Mapping (ORM)
 伺服器與資料庫連接 (Model)
 應用範例